<template>
	<view>
		<view>
			<view style="display: flex;
				margin: 20upx;
				align-items:center; 
				justify-content:space-around;
				align-content: center;"
				v-for="(item, index) in list" :index="index" :key="index"  >
				
				<view style="flex: 1;
					display: flex;
					align-items:center;
					">
					<view style="float: 1;">
						
					<view style="padding-right: 10px;" v-if="item.img">
						<image :src="item.img" mode="widthFix"  style="width:100upx;"></image>
					</view>
					<view style="padding-right: 10px;" v-else>
						<image src="/static/logo.png" mode="widthFix"  style="width:100upx;"></image>
					</view>
					
					
					</view>
					<view style="float: 1;">
						<view>
					<view style="font-size: 30upx;line-height: 20upx;">
						{{item.pname}}
					</view>
					<view style="font-size: 24upx;color: #db3542;">
						{{item.addtime}}
					</view>
					</view>
					</view>
				</view>
				
				<view style="float: 1;">
					<view>
					<button style="border-radius:50upx;border: 1px solid #db3542;font-size: 26upx;background-color: #db3542;color: #FFFFFF;" v-if="item.is_buy==1">找酒</button>
					<button style="border-radius:50upx;border: 1px solid #1AAD19;font-size: 26upx;background-color: #1AAD19;color: #FFFFFF;" v-else>出酒</button>
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//系统消息列表
				uid: uni.getStorageSync('userInfo').uid,
				list:[
					{//
						name:'朗牌特区',//标题
						img:'/static/logo.png',//图片
						addtime:'2020年1月1日查找',//查找时间
						
					},
					{
						name:'茅台',//标题
						img:'/static/logo.png',//图片
						addtime:'2020年1月2日查找',//查找时间
					}
				]
			}
		},
		onLoad() {
			uni.startPullDownRefresh();
		},
		onPullDownRefresh() {
		        //监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
		        //console.log('refresh');
				
				
				this.loadData();
		        setTimeout(function () {
		            uni.stopPullDownRefresh();  //停止下拉刷新动画
		        }, 1000);
		},
		methods: {
			loadData(){
				const sendData = {
					  uid: this.uid
				};
				uni.request({
					url: this.userApi+'/history', //仅为示例，并非真实接口地址。
					data: sendData,
					dataType: 'json',
					method: 'get',
					header: {
						'content-type': 'application/json' // 微信默认就是
					},
					success: res => {
						if (res.statusCode !== 404) {
							console.log(res.data );
							
							this.list=res.data;
						} else {
							this.list='';
							console.log("数据没有");
						}
					}
				});
			}
		}
	}
</script>

<style>

</style>
